<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>签到 - 268在线教育软件—在线教育整体解决方案提供商</title>
    <style>
        body {font-family: "Hiragino Sans GB","Microsoft Yahei",arial,\5b8b\4f53,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
        .sTitle {font-size: 18px;height: 40px;line-height: 40px;overflow: hidden;clear: both}
        .sTitle big {font-size: 24px;color: #f67b29;vertical-align: middle}
        .sTitle .r {float: right;color: #999;font-size: 12px;margin-top: 5px}
        .calendar-wrap {width: 100%}
    </style>
    <div data-th-replace="layout/user/user-center-head"></div>
</head>
<body>
    <div class="sTitle">
        <span class="r" id="totalSignNum" th:text="累计签到 0 天"></span>
        <strong>本月签到</strong>
        <strong id="mothsNum"><big th:text="${mothsSignNum}"></big></strong>
        <strong>天</strong>
    </div>
    <div class="calendar-wrap" id="calendar"></div>
    <div data-th-replace="layout/user/user-common"></div>
    <script type="text/javascript" th:src="@{{path}/common/libs/jquery_1.11.1/jquery.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/libs/plugins/sign/calendar.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript">
        $(function(){
            var signList = [[${signList}]];
            calUtil.init({
                id: "calendar",
                signList: signList,
                disablePrev: false,
                disableNext: false
            });
            $('body').on('click','.today',function () {
                console.log("78979");
            });
        });
    </script>
</body>
</html>